<!-- 任务详情 》 任务底部 -->

<template>
  <div class="DetailTask-TaskFooter">
    <BtnPrimary v-if="isReview" title="任务审核" @click="openReview(one)" />

    <BtnDanger v-if="isCancel" title="任务撤销" @click="openCancel(one)" />
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'TaskFooter',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb(), CORE.mixWeb('deal', 'deal_')],

  /**
   * 计算属性 (慎用箭头函数)
   */
  computed: {
    /**
     * 是否为审核
     */
    isReview() {
      return this.one.handleStatus === 3
    },

    /**
     * 是否为撤销
     */
    isCancel() {
      return this.one.handleStatus === 2
    },
  },

  /**
   * 本地方法 (轻量重要在前)
   */
  methods: {
    /**
     * 打开审核弹窗
     */
    openReview(one) {
      const obj = {
        planTaskId: one.id,
        handleStatus: one.handleStatus,
        method: 'review',
        operate: '任务审核',
        reviewStatus: 1,
      }

      this.deal_MAP.tipEdit = obj.operate

      this.deal_openEdit(obj)
    },

    /**
     * 打开撤销弹窗
     */
    openCancel(one) {
      const obj = {
        planTaskId: one.id,
        handleStatus: one.handleStatus,
        method: 'cancel',
        operate: '任务撤销',
        reviewStatus: 1,
      }

      this.deal_MAP.tipEdit = obj.operate

      this.deal_openEdit(obj)
    },
  },
}
</script>
